<template>
  <NstdDropdown size="large" split-button type="primary">
    Large
    <template #dropdown>
      <NstdDropdownMenu>
        <NstdDropdownItem>Action 1</NstdDropdownItem>
        <NstdDropdownItem>Action 2</NstdDropdownItem>
        <NstdDropdownItem>Action 3</NstdDropdownItem>
        <NstdDropdownItem>Action 4</NstdDropdownItem>
      </NstdDropdownMenu>
    </template>
  </NstdDropdown>

  <NstdDropdown split-button type="primary">
    Default
    <template #dropdown>
      <NstdDropdownMenu>
        <NstdDropdownItem>Action 1</NstdDropdownItem>
        <NstdDropdownItem>Action 2</NstdDropdownItem>
        <NstdDropdownItem>Action 3</NstdDropdownItem>
        <NstdDropdownItem>Action 4</NstdDropdownItem>
      </NstdDropdownMenu>
    </template>
  </NstdDropdown>

  <NstdDropdown size="small" split-button type="primary">
    Small
    <template #dropdown>
      <NstdDropdownMenu>
        <NstdDropdownItem>Action 1</NstdDropdownItem>
        <NstdDropdownItem>Action 2</NstdDropdownItem>
        <NstdDropdownItem>Action 3</NstdDropdownItem>
        <NstdDropdownItem>Action 4</NstdDropdownItem>
      </NstdDropdownMenu>
    </template>
  </NstdDropdown>
</template>
<style scoped>
.example-showcase .el-dropdown + .el-dropdown {
  margin-left: 15px;
}
</style>
